<%--
  Created by IntelliJ IDEA.
  User: 12994
  Date: 2022/4/14
  Time: 20:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>注册页面</title>
    <link rel="stylesheet" type="text/css" href="../css/index.css"/>
    <link rel="stylesheet" href="../css/iconfont.css">

    <script>
        !function(t){var e,n,c,o,i,d='<svg><symbol id="icon-denglu" viewBox="0 0 1024 1024"><path d="M575.215 547.318c53.367-24.316 90.562-78.011 90.562-140.522 0-85.257-69.149-154.383-154.406-154.383-85.299 0-154.427 69.126-154.427 154.383 0 62.49 37.172 116.185 90.562 140.522-87.156 27.24-150.586 108.698-150.586 204.715 0 12.071 9.779 21.827 21.827 21.827s21.827-9.756 21.827-21.827c0-94.161 76.613-170.774 170.776-170.774 94.184 0 170.797 76.613 170.797 170.774 0 12.071 9.756 21.827 21.827 21.827 12.07 0 21.827-9.756 21.827-21.827 0.021-95.994-63.43-177.475-150.586-204.715zM400.621 406.817c0-61.072 49.678-110.729 110.773-110.729 61.072 0 110.75 49.657 110.75 110.729 0 61.094-49.678 110.794-110.75 110.794-61.095 0-110.773-49.7-110.773-110.794z"  ></path><path d="M511.371 960.81c-246.951 0-447.869-200.918-447.869-447.891 0-246.93 200.919-447.871 447.869-447.871 246.973 0 447.892 200.919 447.892 447.871 0 246.973-200.919 447.891-447.892 447.891z m0-854.269c-224.098 0-406.398 182.301-406.398 406.377s182.3 406.397 406.398 406.397c224.099 0 406.42-182.321 406.42-406.397S735.47 106.541 511.371 106.541z"  ></path></symbol><symbol id="icon-mima" viewBox="0 0 1024 1024"><path d="M510.362 995.587c-269.967 0-489.609-219.642-489.609-489.595S240.395 16.383 510.362 16.383s489.595 219.642 489.595 489.609-219.628 489.595-489.595 489.595z m0-938.243c-247.385 0-448.649 201.25-448.649 448.649s201.264 448.635 448.649 448.635 448.635-201.25 448.635-448.635S757.733 57.344 510.362 57.344z"  ></path><path d="M707.092 797.082H313.617c-33.874 0-61.44-27.566-61.44-61.44V505.256c0-33.874 27.566-61.44 61.44-61.44h393.475c33.874 0 61.44 27.566 61.44 61.44v230.386c0 33.888-27.566 61.44-61.44 61.44zM313.617 484.775c-11.292 0-20.48 9.188-20.48 20.48v230.386c0 11.292 9.188 20.48 20.48 20.48h393.475c11.292 0 20.48-9.188 20.48-20.48V505.255c0-11.292-9.188-20.48-20.48-20.48H313.617z"  ></path><path d="M653.148 484.625H347.081V357.677c0-90.03 73.236-163.28 163.266-163.28s163.28 73.25 163.28 163.28v7.55h-40.96v-7.55c0-67.447-54.873-122.32-122.32-122.32-67.434 0-122.306 54.873-122.306 122.32v85.988h265.107v40.96z"  ></path></symbol></svg>',a=(a=document.getElementsByTagName("script"))[a.length-1].getAttribute("data-injectcss"),s=function(t,e){e.parentNode.insertBefore(t,e)};if(a&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}function l(){i||(i=!0,c())}function r(){try{o.documentElement.doScroll("left")}catch(t){return void setTimeout(r,50)}l()}e=function(){var t,e;(e=document.createElement("div")).innerHTML=d,d=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",e=t,(t=document.body).firstChild?s(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),e()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(c=e,o=t.document,i=!1,r(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,l())})}(window);
    </script>

    <style>
        body
        {
            margin: 0;
            padding: 0;
            background-color: #8EC5FC;
            background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
        }
        body img{
            background-size:contain|cover;
            width:100%;
            height: auto;
        }
        #bigBox
        {
            margin: 0 auto;
            margin-top: 200px;
            background-color: #00000090;
            padding: 20px 50px;
            width: 400px;
            height: 300px;
            border-radius: 15px;
            text-align: center;
        }

        #bigBox h1
        {
            color: white;
        }

        #bigBox .inputBox
        {
            margin-top: 50px;
        }

        #bigBox .inputBox .inputText
        {
            margin-top: 20px;
        }

        #bigBox .inputBox .inputText input
        {
            border: 0;
            padding: 10px 10px;
            border-bottom: 1px white solid;
            background-color: #00000000;
            color: white;
        }

        #bigBox .inputBox .inputButton
        {
            border: 0;
            width: 150px;
            height: 25px;
            color: white;
            margin-top: 30px;
            border-radius: 20px;
            /* 	background-color: #FF3CAC;
                background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%); */
            background-color: #FFFFFF;
            background-image: linear-gradient(45deg, #FFFFFF 0%, #6284FF 50%, #FF0000 100%);


        }
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
            color: #FFFFFF;
        }

        @font-face {
            font-family: "iconfont"; /* Project id  */
            src: url('iconfont.ttf?t=1632361623304') format('truetype');
        }

        .iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .icon-denglu:before {
            content: "\e604";
        }

        .icon-mima:before {
            content: "\e625";
        }



    </style>
</head>
<body>
<form  action="Register" method="post">
    <table>
        <div id="bigBox">
            <h1>用户注册</h1>
            <div class="inputBox">
                <div class="inputText">
                    <b style="color: #FFFFFF;">账号：</b>
                    <input id="username" name="username" value="" />
                </div>
                <div class="inputText">
                    <b style="color: #FFFFFF;">账号：</b>
                    <input id="password-always-checkbox" type="password" name="password" />
                </div>
                <div class="inputText">
                    <b style="color: #FFFFFF;">性别：</b>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input id="password-always-checkbox" type="radio" name="sex" value="男"/>
                    <b style="color: #FFFFFF;">男</b>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input id="password-always-checkbox" type="radio" name="sex" value="女"/>
                    <b style="color: #FFFFFF;">女</b>
                </div>
                <a href="login.jsp">
                    <input type="button" class="inputButton" value="登录" >
                </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input  type="submit" class="inputButton" value="注册"/>
            </div>
        </div>
    </table>
</form>
</body>
</html>
